/*--------------------------------------------------------------
12.1 - Single page style
--------------------------------------------------------------*/

@media all and (min-width: 768px) {
	#footer {
		display: block !important;
	}
	
	#wap-footer {
		
		display: none !important;
		visibility: hidden !important;
	}
	.content-area {
		float: left;
		margin: 0 -40% 0 0;
		width: 100%;
	}
	
	.main-content-area {
		margin: 0 40% 0 0;
	}
	
	.site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 40%;
	}
	
	.site-footer {
		clear: both;
		width: 100%;
	}
	
	#sidebar-single{
	width:380px;
	}
	
	.widget-area {
		background: transparent;
		padding: 0;
	
	}
	
	.widget {
		background: #b4604e;
		margin: 15px;
		width: 370px;
		padding: 15px 30px;
	}

}

@media all and (min-width: 1120px) {
	#footer {
		display: block !important;
	}
	
	#wap-footer {
		
		display: none !important;
		visibility: hidden !important;
	}
	.content-area {
		margin: 0 -35% 0 0;
	}
	
	.main-content-area {
		margin: 0 35% 0 0;
	}
	
	.site-content .widget-area {
		width: 35%;
	}
	
}

@media all and (min-width: 1300px) {
	#footer {
		display: block !important;
	}
	
	#wap-footer {
		
		display: none !important;
		visibility: hidden !important;
	}
	.content-area {
		margin: 0 -33% 0 0;
	}
	
	.main-content-area {
		margin: 0 33% 0 0;
	}
	
	.widget-area {
		width: 33%;
	}
	
}

/*@media all and (max-width: 768px) {
	
	.site-footer {
		text-align: center;
		padding: 50px;
	}
	 .widget-area {
		padding: 20px 0 20px 50px;
		float: left;
		location : relative;
		height: 50px
	}
	.widget-area a img {
		display:none;
		
	}
	
	.widget {
		margin: 5px 20px 5px 0;
		width: 350px;
		border-bottom: none;
	}
	
		
}*/



@media screen and (max-width: 767px) {
	.content-area {
		width:100%;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
	}
	
	#footer {
		display: none !important;
		visibility: hidden !important;
	}
	

	#wap_footer {
		display: block !important;
		  clear: both;
		  overflow: hidden;
		  height: auto;
		  position: fixed;
		  text-align: left;
		  padding: 50px;
		  width: 100%;
		  bottom: 0;
  
 }
  
 #wap_footer .active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); 
}

#wap_footer p {
    color: #ffffff;
    background: #313335 left center no-repeat;
    padding: 5.46875% 0 5.46875% 18.75%;
    margin-top: 1px; 
}
    
#wap_footer p img {
      position: absolute;
      left: 6.25%;
      max-width: 6.25%;
      max-height: 8.75%; 
}

#wap_footer p span {
      font-size: 0.75em; 
}

#wap_footer p:after {
      content: ">";
      right: 7.1875%;
      position: absolute; 
}



	
#sidebar {
	width:100%;
	min-width: 300px;
	margin-top:35px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

#sidebar-single{
	width:100%;
	min-width: 300px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

.widget-area {
		clear:both;
		display:block;
		float:none;
		width: 100%;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
}

.widget-area a img {
		display:none;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
		
	}
	
.widget {
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
		width: 100%;
		border-bottom: none;
	}
	
#container {
	width:100%;
	min-width: 300px;
	margin-top:135px;
	float: left;
}



#wrapper {
	margin-top: 0;
	padding: 0;
	width: 100%;
	min-height:100%;
	height: auto !important;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	background-color:#eeeeee;
	min-width: 300px;
    overflow-x: hidden;
	overflow-y:hidden;
}
#page {
	height: 100%;
	width: 100%;
	min-width: 300px;
	margin: 0 auto;
	position:relative;
	padding-bottom: 48px;
	
}
		
}